<script setup>
import SearchNote from "./components/SearchNote.vue";
import NoteList from "./components/NoteList.vue";
import AddNote from "./components/AddNote.vue";
import { useUserStore } from "./stores/user";

const userStore = useUserStore();

console.log(userStore.theme);
</script>

<template>
  <main>
    <h1>我的笔记本</h1>
    <SearchNote />
    <NoteList />
    <AddNote />
    <p class="user">当前登录的用户：{{ userStore.user.name }}</p>
  </main>
</template>

<style scoped>
main {
  width: 600px;
  margin: 0 auto;
  height: 100%;
  display: grid;
  justify-items: center;
  padding: 48px 0;
}
.user {
  margin-top: 24px;
  justify-self: start;
}
</style>
